<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>404</title>
	<link rel="stylesheet" href="./public.css">
	<link rel="stylesheet" href="./4-1.css">
	<script src="./jquery-1.11.1.js"></script>
	<script src="./4-1.js"></script>
</head>
<body>
	<header>
	<!-- 导航部分 -->
		<div id="nav">
			<div id="log"><img src="./images/logo.png" alt=""></div>
			<ul class="nav_t">
				<li><a href="1.html">HOME</a></li>
				<li><a href="./2.html">ABOUT</a></li>
				<li><a href="3.html">SERVICE</a></li>
				<li class="page">
					<a href="">PAGES▼</a>
					<div class="pag">
						<p><a href="#">400 PAGE</a></p>
						<p><a href="4-2.html">GALLERY</a></p>
					</div>
				</li>
				<li class="blo">
					<a  href="">BLOG▼</a>
					<div class="blg">
						<p><a href="5-1.html">BLOG FULL</a></p>
						<p><a href="5-2.html">BLOG LEFT SIDEBAR</a></p>
						<p><a href="5-3.html">BLOG RIGHT SIDEBAR</a></p>
					</div>
				</li>
				<li><a href="6.html">CONTACT</a></li>
			</ul>
		</div>
	</header>
	<!-- 导航部分结束 -->

	<main>
		<div class="main">
			<b>404</b>
			<h1>Opps! You have some problems</h1>
			<p>The page you are looking for was moved, removed, renamed or might never existed.</p>
			<a href="1.html">GO HOME</a>
		</div>
	</main>
	<!-- 公共底部样式布局 -->
	<footer>
		<div class="ft1">
				<div class="ft1t">
						<h1>SO WHAT YOU THINK ?</h1>
						<h5>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Nobis,<br>
possimus commodi, fugiat magnam temporibus vero magni recusandae? Dolore, maxime praesentium.</h5>
				</div>
				<a id="m5btn" href="">CONTACT WITH ME</a>
		</div>
	 	<div class="footer">
		<marquee id="nn" behavior="" direction="">W E L C O M E </marquee>
		</div>
	</footer>
</body>
</html>